<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>块元素和行内元素</title>
<style type="text/css"> 
    h2{                           /*定义h2的背景颜色、宽度、高度、文本水平对齐方式*/
        background:#FCC;
        width:350px;
        height:50px;
        text-align:center;
    }
    p{background:#090;}         /*定义p的背景颜色*/
    strong{                       /*定义strong的背景颜色、宽度、高度、文本水平对齐方式*/
        background:#FCC;
        width:360px;
        height:50px;
        text-align:center;
    }
    em{background:#FF0;}       /*定义em的背景颜色*/
    del{background:#CCC;}      /*定义del的背景颜色*/
</style>
</head>
<body>
    <h2>h2标签定义的文本。</h2>
    <p>
        <strong>strong标签定义的文本。</strong>
        <em>em标签定义的文本。</em>
        <del>del标签定义的文本。</del>
    </p>
    
</body>
</html>

